import Head from 'next/head';
import Examples from '../../../example-groups/FilteringExamples';

<Head>
  <title>{'Custom Filter UI Example - Material React Table V3 Docs'}</title>
  <meta
    name="description"
    content="An example of Material React Table which shows custom filter ui in a sidebar."
  />
  <meta
    property="og:title"
    content="Custom Filter UI Material React Table Example"
  />
  <meta
    property="og:description"
    content="An example of Material React Table which shows custom filter ui in a sidebar."
  />
</Head>

## Custom Filter UI Example

Material React Table supports rendering your own custom filter UI. This can be useful if you want to render your filters in a custom top toolbar, sidebar, or drawer. Learn more in the full [Column Filtering Feature Guide](/docs/guides/column-filtering).

<Examples isPage />

View Extra Storybook **[Examples](https://www.material-react-table.dev/?path=/story/prop-playground--default)**
